<%-- 
    Document   : basic
    Created on : Oct 24, 2014, 12:18:27 AM
    Author     : Java
--%>

<%@tag description="put the tag description here" pageEncoding="UTF-8"%>
<%@attribute name="header" fragment="true" %>
<%@attribute name="content" fragment="true" %>
<jsp:useBean id="Model" class="jsalon.web.vm.BaseViewModel"  scope="session"/> 

<html>
  <body>
    <div id="pageheader">
        <link href="Content/CSS/main.css" rel="stylesheet" type="text/css"/>
        <link href="Content/JS/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
        <link href="Content/CSS/base/ui.theme.css" rel="stylesheet" type="text/css"/>
        <link href="Content/CSS/ui.icon.css" rel="stylesheet" type="text/css"/>
        <link href="Content/CSS/custom.css" rel="stylesheet" type="text/css"/>
        <link href="Content/JS/plugin/prettyPhoto/css/prettyPhoto.css" rel="stylesheet" type="text/css"/>
        <script src="Content/JS/jquery.js"></script>
        <script src="Content/JS/jamjun.api.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.initialUI.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.AjexUpdateDataInElement.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.browser.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.pager.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.validateUI.js" type="text/javascript"></script>
        <script src="Content/JS/jquery-ui.js"></script>
        <link href="Content/CSS/topmenu/ui.topMenu.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript">
            $(document).ready(function () {
                var loadState = '';
                var webConfig = {
                    //loadState: '<div class="ui-corner-bottom" style="height:80px; background-color:#ffffff; padding:4px; border:solid 1px #ccc"><div style="margin: auto;margin-top:150px; width:250px; height:50px"><img src="Content/Images/loading.gif" alt="loading" align="absmiddle"/>Loading...</div></div>',
                    //loaddingCss: { backgroundColor: '#fff', color: '#000', width: '40px', height: '20px', padding: '20px', 'border-radius': '10px', border: '5px solid #000000' },
                    //dlgHeight: 630
                };
                $('body').data('webConfig', webConfig);
            });
        </script>
        
        <script src="Content/JS/plugin/jquery.blockUI.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.AssignTableClass.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery_form.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.transaction.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.loadGrid.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.openDlgFrame.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.imageBox.js" type="text/javascript"></script>
        <script src="Content/JS/plugin/jquery.topmenu.js" type="text/javascript"></script>
        
      <jsp:invoke fragment="header"/>
    </div>
    <div id="topmenu" style="margin:5px 5px 15px 5px;"></div>
    <div id="body">
      <jsp:doBody/>
    </div>
    <div id="content" style="width:1200px;">
      <jsp:invoke fragment="content"/>
    </div>
  </body>
</html>

<script type="text/javascript">
    $(document).ready(function () {
        $("#topmenu").topMenu({
            dataURL: "home?[ac]=menu",           // URL ที่จะไปเรียก เพื่อนำข้อมูลที่เป็น Json มาใช้
            menuActive: "<%= Model.menuID %>",         // menuActive คือ ตำแหน่งของหัวข้อปัจจุบัน
            submenuWidth: 100,
            menuAlign: 'right',
            target: '#mainContent'
        });
    });
</script>